大家好，我是一名菜鳥工程師，Chris，今天來到第 28 天，JS 的相關工具

JavaScript 需要工具，來跟它搭配使用，它們在 JavaScript 開發扮演不同的角色，不僅能讓開發前端時提高效率，也能維持性能。以下會介紹和 JavaScript 相關的工具

1 Webpack : 一個前端的打包工具

它主要是能將各種前端資源（例如 JavaScript、CSS 等等）打包成單一或多個文件，得以優化性能。而 Webpack 並不是 JavaScript，但它用來處理 JavaScript 代碼和其他前端資源

2 Babel : 一個 JavaScript 編譯器

由於一些舊版瀏覽器不支援 ES6，因此我們可以使用 Babel 來轉換合適的版本，藉此可以確保各種瀏覽器能夠正常運作

3 npm : 全名為 Node Package Manager，它是 JavaScript 的管理工具

用來下載、安裝和管理 JavaScript。同時它也是一個命令工具，可以執行各種任務，例如構建、測試和部署，還能建立和管理 JavaScript 的 package.json 文件

4 yarn : 它是另一個 JavaScript 的管理工具

類似 npm。它能提供更快的安裝速度和更穩定的版本管理。yarn 使用 package.json 文件來管理，並且與 npm 兼容

以上這些工具在 JavaScript 開發，有著密切的作用

• Webpack 用來打包和建構
• Babel 用來編譯 JavaScript 代碼
• 而 npm 和 yarn 用來管理 JavaScript，可以選擇一種工具來管理
• 有了這些工具，能夠協助開發者有效的開發和管理 JavaScript

★總結 : 以上就是關於 JS 相關工具的說明

今天就介紹到這邊，那我們明天見囉～～

明天預計內容：git !!!